<template>
    <com-totle-applacation applicationurl='care/site/department/app/dashboard'></com-totle-applacation>
    <div class="departmentMain">
      <com-showcard cardheadertext="使用人次" role="应用"  cardurl="care/site/department/app/visitorRank" cardheaderinfotext="(排名越高使用人次越多)" :cardtablethead="usetimescardtablethead"  a="rank" b="appName" c="points" d=""></com-showcard>
      <com-showcard class="middleshowcard" cardheadertext="评价" role="应用" cardurl="care/site/department/app/scoreRank" cardheaderinfotext="(排名越高评分越高)" :cardtablethead="commentcardtablethead"  a="rank" b="appName" c="points" d=""></com-showcard>
      <com-showcard cardheadertext="收藏" role="应用" cardurl="care/site/department/app/favouriteRank" cardheaderinfotext="(排名越收藏人次越多)" :cardtablethead="likecardtablethead"  a="rank" b="appName" c="likenum" d=""></com-showcard>
    </div>
</template>
<script>
import ComShowcard from '../../components/showcard.vue';
import ComTotleApplacation from '../../components/totleApplacation.vue';
export default {
  components: {
    ComShowcard,
    ComTotleApplacation
  },
  data () {
    return {
      usetimescardtablethead: [{"name":"应用名称"},{"name":"总使用人数"}],
      commentcardtablethead: [{"name":"应用名称"},{"name":"平均评分"}],
      likecardtablethead: [{"name":"部门名称"},{"name":"收藏次数"}],
      msg:'1'
    }
  }
}
</script>
<style scoped>
div.row {
  width: 100%;
  background: #EEF4F5;
  margin-left: 0;
  margin-right: 0;
}
.middleshowcard {
  margin: 0 2%;
}
.pageheader{
  font-size: 18px;
  color: #333333;
}
</style>